<section class="vbox">
    <section class="w-f-md scrollable">
        <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px"
             data-railOpacity="0.2">
            <!-- nav -->
            <nav class="nav-primary hidden-xs">
                <ul class="nav bg clearfix">
                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                        发现
                    </li>
                    <li>
                        <a ng-click="changeCurrentClass(0)" href="" ui-sref="main.music_information">
                            <i class="icon-disc icon text-success"></i>
                            <span class="font-bold">音乐资讯</span>
                        </a>
                    </li>
                    <li>
                        <a ng-click="changeCurrentClass(1)" href="" ui-sref="main.music_type">
                            <i class="icon-music-tone-alt icon text-info"></i>
                            <span class="font-bold">类型</span>
                        </a>
                    </li>
                    <!--<li>
                        <a href="events.html">
                            <i class="icon-drawer icon text-primary-lter"></i>
                            <b class="badge bg-primary pull-right">6</b>
                            <span class="font-bold">Events</span>
                        </a>
                    </li>-->
                    <li>
                        <a ng-click="changeCurrentClass(2)" href="" ui-sref="main.music_listen">
                            <i class="icon-list icon text-info-dker"></i>
                            <span class="font-bold">听歌</span>
                        </a>
                    </li>
                    <li>
                        <a ng-click="changeCurrentClass(3)" href="" ui-sref="main.video_index" data-target="#content" data-el="#bjax-el" data-replace="true">
                            <i class="icon-social-youtube icon"></i>
                            <span class="font-bold">视频</span>
                        </a>
                    </li>
                    <li class="m-b hidden-nav-xs"></li>
                </ul>
                <ul class="nav text-sm">
                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                        <span class="pull-right"><a href="#"><i class="icon-plus i-lg"></i></a></span>
                        播放列表
                    </li>
                    <li>
                        <a href="">
                            <i class="icon-music-tone icon"></i>
                            <span>Hip-Pop</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon-playlist icon text-success-lter"></i>
                            <b class="badge bg-success dker pull-right">9</b>
                            <span>Jazz</span>
                        </a>
                    </li>
                </ul>
            </nav>
            <!-- / nav -->
        </div>
    </section>
    <footer class="footer hidden-xs no-padder text-center-nav-xs">
        <div class="bg hidden-xs ">
            <div class="dropdown dropup wrapper-sm clearfix">
                <a href="" class="dropdown-toggle" data-toggle="dropdown">
                      <span class="thumb-sm avatar pull-left m-l-xs">
                        <img src="{{user.headImg}}" class="dker" alt="...">
                        <i class="on b-black"></i>
                      </span>
                      <span class="hidden-nav-xs clear">
                        <span class="block m-l">
                          <strong class="font-bold text-lt">{{user.nickname}}</strong>
                          <b class="caret"></b>
                        </span>
                        <span class="text-muted text-xs block m-l">普通用户</span>
                      </span>
                </a>
                <ul class="dropdown-menu animated fadeInRight aside text-left">
                    <li>
                        <a href="">
                            <span class="badge bg-danger pull-right">0</span>
                            通知
                        </a>
                    </li>
                    <li>
                        <a href="">帮助</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a ng-if="user.id == 0" href="" ui-sref="user_login">登陆/注册</a>
                        <a ng-if="user.id != 0" href="" ng-click="logout()">注销</a>
                    </li>
                </ul>
            </div>
        </div>
    </footer>
</section>